body {
    height: 100%;
    background: blue;

}
#takeStr {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background: black;
    /* background: red; */
    text-align: center;
    color: greenyellow;
    font-size: 70px;
}
.outbox{
    padding-top: 107px;
    margin-left: 500px;
    width: 540px;
    height: 560px;
    background: url("../img/bg.jpg")no-repeat;
    background-position: -3px 13px;
    /* background: red; */
    box-sizing: border-box;
    position: relative;
 
}
#mcon{
    width: 403px;
    height: 285px;
    overflow: scroll;
    /* background: blue; */
}
.mm0{
    display: block;
    clear: both;
    background: blue;

}
.mm{
    float: left;
display: flex;
flex-direction: column;
/* flex-direction: row; */
text-align: center;
}

select{
    width: 80px;
    display: block;
    position: absolute;
    left: 3px;
    top: 397px;
    
}
select option{
   color: black;

}
textarea{
    margin-top: 42px;
    width: 397px;
    height: 85px;
}
#send{
    width: 80px;
    position: absolute;
    top: 522px;
    left: 320px;
}
#rundiv{
    z-index: 5;
    background: #333333;
    width: 200px;
    height: 100px;
    margin-top: 30px;
    position: absolute;
    border: 2px solid blue;
    color: white;
}
#rundiv:hover{
    cursor: move;

}
.mp{
    width: 200px;
    border: 1px solid blue;

}
#mbtn{
    /* width: 200px; */
    /* display: block; */
    /* box-sizing: border-box; */
    float: right;
    text-align: right;
    /* border: 2px solid blue; */
    /* border-bottom: 2px solid blue; */
    /* padding-left: 150px; */
}
